.footer{
  background-color: #ffffff;
  font-size: 12px;
  margin-top: 40px;
  .pay-box{
    display: flex;
  margin-top: 20px;

  }
  .pay-app{
    width: 250px;
    margin-top: 10px;
    img{
      width: 250px;
    }
  }
  .copyright{
    padding:10px 0 10px 0;
    // background-color: #f4f4f4;
    color: #999;
    font-size: 12px;
  }
  .links{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    .li{
      width: 25%;
      text-align: center;
      .dt{
        display: block;
        line-height: 40px;
      }
      .dd{
        line-height: 35px;
        font-size: 12px;
      }
    }
  }
  .safeguard{
    padding:20px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    .li{
      display: flex;
      width: 25%;
      line-height: 40px;
      justify-content: center;
      .iconfont{
        font-size: 32px;
        margin-right: 5px;
      }
    }
  }
  .link-box{
    display: flex;
    padding: 10px 0;
    .name{
      width: 60px;
    }
    .list{
      flex: 1;
      .item{
        float: left;
        margin-left: 15px;
        margin-bottom: 5px;
        a:hover{
          color: $font-color-main;
        }
      }
    }
  }
}
.layout_pay{
  display: flex;
  justify-content: center;
  margin-top:20px;

  ul{
    display: flex;
  }
  li{
    margin: 0 5px;
  }
}
.main_cs {padding-top:50px; border-top:1px solid #ddd; margin-top:10px; font-size: 12px;}
.main_cs .ul {display:flex; width:100%;  overflow:hidden; table-layout:fixed;justify-content: space-between;}
.main_cs .li {list-style:none; display:flex;flex-direction: column;width: 33%; vertical-align:top; position:relative; box-sizing:border-box;}
.main_cs .li+ .li {border-left:1px solid #ddd; }

.main_cs .title_box { overflow:hidden; margin-bottom:15px; }
.main_cs .title_box .tit {font-size:17px; color:#000; font-weight:600; float:left; height:25px; line-height:1;}
.main_cs .title_box .btn_more {float:right; color:#999; letter-spacing:-1px; background:transparent url('../assets/img/top_right_arrow.gif') right center no-repeat; height:20px; line-height:20px; line-height:18px\0; padding:0 8px;}
.main_cs .title_box .btn_more:hover {color:#666;}

.main_cs .btn_box {
    position: relative;
    clear: both;
    float: left;
}
.main_cs .btn_box ul {width:100%;padding: 0 20px;display: block;clear: both;}
.main_cs .btn_box li::marker{font-size:0;}
.main_cs .btn_box li {box-sizing:border-box;position:relative;float: left;}
.main_cs .btn_box li:last-child{padding-right:0;}
.main_cs .btn_box li a{}
.main_cs .btn_box .btn {height: 40px;display: inline-block;line-height:40px;font-size:13px;letter-spacing:-1px;color:#666;margin-right: 5px;padding: 0 10px;position:relative;border:1px solid #ccc;}

.main_cs .notice_box {padding-right:40px}
.main_cs .notice_tab {
}
.main_cs .notice_tab ul {width:100%;}
.main_cs .notice_tab li {list-style:none;display:inline-block;letter-spacing: 0;word-spacing: 0;width: 48%;background: #f5f5f5;border-radius: 10px;border:1px solid #ddd;}
.main_cs .notice_tab .btn {display:block;text-align:center;height:33px;line-height:31px;font-size:13px;letter-spacing:-0.5px;color:#888;position:relative;}
.main_cs .notice_tab .hit {background: #fff;border-radius: 10px;}
.main_cs .notice_tab .hit .btn {color:#333;}


.main_cs .notice_list {padding-top:2px; min-height:120px; box-sizing:border-box; margin-top:16px}
.main_cs .notice_list ul {margin:-5px 0}
.main_cs .notice_list li {padding:5px 0; position:relative; padding-left:10px; padding-right:50px; display:block; clear:both; overflow:hidden;}
.main_cs .notice_list .posting { display:flex;width: 100%;
  overflow: hidden;
  justify-content: space-between;}
.main_cs .notice_list .posting:before {content:""; width:2px; height:2px; background:#666;  position:absolute; top:13px; left:2px; }
.main_cs .notice_list .date {color:#999;  letter-spacing:0px;}
.main_cs .notice_list .state {position:absolute; top:6px; right:3px; letter-spacing:-1px; }
.main_cs .notice_list .state.end {color:#ccc;}
.main_cs .notice_list .state.ing {color:#333;}
.main_cs .notice_list .txt {width:180px;letter-spacing:-0.5px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px;}
.main_cs .notice_list .new {width:12px; height:12px; float:right; display:inline-block; margin-top:4px}
.main_cs .notice_list .new img {width:100%; height:100%;}
.main_cs .notice_list .posting:hover .txt {text-decoration:underline;}

.main_cs .notice_list.if_event li {padding-right:80px}

.main_cs .post_none {margin-top:20px; text-align:center; padding-top:45px; background:transparent url('../assets/img/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}

.main_cs .cs_box {padding: 0px 30px 0px 30px;}
.main_cs .cs_box .cs_info {padding-left:50px; background:transparent url('../assets/img/email-t.png') 13px center no-repeat; background-size: 22px 22px;}
.main_cs .cs_box .cs_info .tel {color:#333; font-weight:600; font-size:25px; line-height:26px;}
.main_cs .cs_box .cs_info .email { color:#666;  font-size:17px; line-height:24px;}
.main_cs .cs_box .cs_info .email a{color:#666;}
.main_cs .cs_box .cs_info .email:hover a {text-decoration:underline;}
.main_cs .cs_box .cs_time {color:#666;padding-left:50px;margin: 15px 0 30px 0;line-height:19px;}

.main_cs .bank_box {padding-left: 25px;}
.main_cs .bank {display:table; width:100%; margin-top:-9px}
.main_cs .bank ul {
    display: block;
    margin-bottom: 30px;
}
.main_cs .bank li {display:table-cell; list-style:none; vertical-align:top}
.main_cs .bank .left_tit {letter-spacing:-0.5px; color:#666; position:relative; padding-left:11px; padding-top:10px; line-height: 24px; box-sizing:border-box;}
.main_cs .bank .left_tit:before {content:""; position:absolute; left:4px; top:21px; width:2px; height:2px; background:#666;}
.main_cs .bank .right_num {padding-top:10px}
.main_cs .bank .number { font-size:13px; color:#333;}
.main_cs .bank .name {color:#888; letter-spacing:-0.5px; margin-top:1px;}


.main_icon {position:relative;}
.main_icon .layout_fix {padding-bottom:10px;border-bottom: solid 1px #eee;}
.main_icon .layout_fix .top-icon {overflow:hidden;height:auto;width:100%;margin-top:10px;}
.main_icon .layout_fix .top-icon .top-icon-item{float:left;width:10%;text-align:center;}
.main_icon .layout_fix .top-icon img {width:50px;height:auto;}

.footer .bottom_menu { margin-top:40px;text-align:center;box-shadow: 2px 0px 4px #9999;}
.footer .bottom_menu ul {display:inline-block;}
.footer .bottom_menu li {float:left; margin:10px 0}
.footer .bottom_menu .btn {color:#888; letter-spacing:-0.5px; padding:10px 18px 10px 19px; position:relative;}
.footer .bottom_menu li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ccc; margin-top:-3px}
.footer .bottom_menu .btn:hover {text-decoration:underline;}

.footer .copyright {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.footer .copyright .li {display:table-cell; list-style:none; vertical-align:top; box-sizing:border-box;}
.footer .copyright .li.info {padding-right:30px;}
.footer .copyright .li.pg {width:310px;}

.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .shop_name img{
  width: 110px;
}
.footer .sns_box {float:left;  margin-left:20px; margin-top:25px;}
.footer .sns_box li {list-style:none; float:left;}
.footer .sns_box .sns {padding:5px 15px 5px 16px; position:relative;}
.footer .sns_box .sns img {height:19px;}
.footer .sns_box li+ li .sns:before {content:""; position:absolute; left:0; top:4px; width:1px; height:21px; background:#ebebec;}

.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding:0 20px 0 0; color:#888; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:18px;}
.footer .info_box .txt+ .txt:before {content:""; position:absolute; left:-10px; top:50%; width:2px; height:2px; background:#888;}
.footer .info_box .btn {color:#999; text-decoration:underline; font-size:11px; margin-left:5px; letter-spacing:-0.5px; font-weight:600;}
.footer .info_box .btn:hover {color:#666;}
.footer .info_box .copy {color:#999; margin-top:14px; margin-left:2px}

.footer .pg_box {border:1px solid #ddd; box-sizing:border-box; padding:15px 25px; overflow:hidden; margin-top:30px;}
.footer .pg_box .ic_pg {float:left; width:68px; padding:4px 0 0 3px; box-sizing:border-box;}
.footer .pg_box .ic_pg img {width:50px; max-height:70px;}
.footer .pg_box .pc_txt {float:left; width:185px; padding-top:3px; box-sizing:border-box; margin-bottom:-3px}
.footer .pg_box .txt {color:#888; font-size:11px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
// .footer .pg_box .btn {color:#888; font-size:11px; letter-spacing:-1px; position:relative; padding:5px 10px 5px 0; margin-top:5px; background:transparent url('../images/skin/pg_arrow.gif') right 10px no-repeat;}
.footer .pg_box .btn:hover {text-decoration:underline;}

.footer .ssl {padding-top:35px; overflow:hidden;}
.footer .ssl li {list-style:none; float:left;}
.footer .ssl li+ li {margin-left:10px}
.footer .ssl img {height:40px !important; }

